<template>
  <div class="ele-body">
    <a-card :border="false">
      <div class="fs-16 margin-bottom-24">旧货详情</div>
      <table cellpadding="0" cellspacing="0" class="recepit_table2">
        <tbody>
          <tr>
            <td class="tit">原条码</td>
            <td>{{ info.bar_code || '' }}</td>
            <td class="tit">金料类型</td>
            <td>{{ info.gold_category_code_name || '' }}</td>
          </tr>
          <tr>
            <td class="tit">小类</td>
            <td>{{ info.subclass_code_name || '' }}</td>
            <td class="tit">成色</td>
            <td>{{ info.quality_code_name || '' }}</td>
          </tr>
          <tr>
            <td class="tit">宝石类型</td>
            <td>{{ info.gold_category_code_name || '' }}</td>
            <td class="tit">品类</td>
            <td>{{ info.classes_code_name || '' }}</td>
          </tr>
          <tr>
            <td class="tit">货品名称</td>
            <td>{{ info.name || '' }}</td>
            <td class="tit">数量</td>
            <td>{{ info.num || '' }}</td>
          </tr>
          <tr>
            <td class="tit">原金重</td>
            <td>{{ info.original_gold_weight || '' }}</td>
            <td class="tit">现金重</td>
            <td>{{ info.gold_weight || '' }} </td>
          </tr>
          <tr>
            <td class="tit">货重</td>
            <td>{{ info.piece_weight || '' }}</td>
            <td class="tit">实际成色</td>
            <td>{{ info.real_quality || '' }}%</td>
          </tr>
          <tr>
            <td class="tit">折足重</td>
            <td>{{ info.lumping_weight || '' }}</td>
            <td class="tit">标签价</td>
            <td>{{ info.sticker_price || '' }}</td>
          </tr>
          <tr>
            <td class="tit">实售价</td>
            <td>{{ info.real_amount || '' }}</td>
            <td class="tit">主石重量</td>
            <td>{{ info.main_stone_weight || '' }}</td>
          </tr>
          <tr>
            <td class="tit">主石颜色</td>
            <td>{{ info.main_stone_color_name || '' }}</td>
            <td class="tit">主石净度</td>
            <td>{{ info.main_stone_neatness_name || '' }}</td>
          </tr>
          <tr>
            <td class="tit">主石切工</td>
            <td>{{ info.main_stone_cut_name || '' }}</td>
            <td class="tit">主石数量</td>
            <td>{{ info.main_stone_num || '' }}</td>
          </tr>
          <tr>
            <td class="tit">副石石重</td>
            <td>{{ info.vice_stone_weight || '' }}</td>
            <td class="tit">副石数量</td>
            <td>{{ info.vice_stone_num || '' }}</td>
          </tr>
          <tr>
            <td class="tit">回收价格</td>
            <td>{{ info.exchange_gold_price || '' }}</td>
            <td class="tit">回收金额</td>
            <td>{{ info.deduct_amount || '' }}</td>
          </tr>
          <tr>
            <td class="tit">旧货标记</td>
            <td>{{ info.junk_tag_code_name || '' }}</td>
            <td class="tit">旧备注</td>
            <td>{{ info.note || '' }}</td>
          </tr>
          <tr>
            <td class="tit">图片</td>
            <td colspan="3">
              <a-image
                :src="info.thumb_url"
                style="width: 30px; height: 30px"
              />
            </td>
          </tr>
        </tbody>
      </table>
    </a-card>
  </div>
</template>

<script setup>
  import { ref, unref, reactive, onMounted } from 'vue';
  import { message, Modal } from 'ant-design-vue';
  import { DownOutlined, UpOutlined } from '@ant-design/icons-vue';
  import { actionFn } from '@/utils/action.js';
  import { daochuFn } from '@/utils/daochu.js';
  import { useRouter } from 'vue-router';
  import {
    PlusOutlined,
    UploadOutlined,
    ClearOutlined
  } from '@ant-design/icons-vue';
  import { get_junk_detail } from '@/api/junk/junk_gram_info';

  const { currentRoute, push } = useRouter();
  const { query } = unref(currentRoute);

  const info = ref({});

  onMounted(() => {
    get_junk_detail({
      code: query.code
    }).then((res) => {
      info.value = res;
    });
  });
</script>

<style></style>
